<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
        .dencendants *{
            display: block;
            border:2px solid lightgrey;
            color: lightgrey;
            padding: 5px;
            margin: 15px;
        }
        </style>
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
        </script>
        <script>        
            $(document).ready(function(){
                $("div").find("*").css({
                   "color":"red","border":"2px solid red"
                   
                });
            });
        </script>
    </head>
    <body>
        <div class="dencendants">
    
    这是啥
            <p>
                p儿子元素
                <span>
                    span 孙子元素
                </span>
            </p>

            <p>
                p 儿子元素
                <span>
                    span 孙子元素
                </span>
            </p>
        </div>
        

    </body>
</html>